import 'package:extended_tabs/extended_tabs.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Text Width Example'),
        ),
        body: TestPage(),
      ),
    );
  }
}
class TestPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return TestPageState();
  }

}
class TestPageState extends State with TickerProviderStateMixin{
  late final TabController controller = TabController(length: 3, vsync: this);

  late final TabController controller2 = TabController(length: 3, vsync: this);
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Expanded(
          child: ListView.separated(itemBuilder: (BuildContext context, int index){
            print("index============$index");
            return Container(
              color: Colors.red,
              width: 100,
              height: 100,
              child: Text("$index"),
            );
          }, separatorBuilder: (BuildContext context, int index){
            return Container(
              color: Colors.green,
              width: 100,
              height: 10,
            );
          }, itemCount: 30),
        ),
      ],
    );
  }
}
